<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8"/>
	<style>
		.example{
			width: 150px;
			height: 80px;
			margin: 10px;
		}
		.example1{
			background: -moz-repeating-radial-gradient(#ace, #ace 5px, #f96 5px, #f96 10px);
			background: repeating-radial-gradient(#ace, #ace 5px, #f96 5px, #f96 10px);
		}
		.example2{
			background: -moz-repeating-linear-gradient(top left -45deg, #ace, #ace 5px, #f96 5px, #f96 10px);
			background: repeating-linear-gradient( -45deg, #ace, #ace 5px, #f96 5px, #f96 10px);
		}


	</style>
</head>
<body>
<div class="example example1"></div>
<div class="example example2"></div>

</body>
</html>
